<template>
  <div id="quick_index">
    <c-title :hide="false" text="汇聚支付"></c-title>
    <div id="content">
      <div class="header">
        <div class="user">
          <div class="user-head">
            <img :src="member.avatar_image" />
          </div>
          <ul class="activities-name">
            <li>{{ member.nickname }}</li>
          </ul>
        </div>
      </div>
      <div class="cart">
        <van-cell  is-link  v-if="quick_pay == '1'"  :border="false" @click="toShaky">
          <template #title>
            <div class="flex-a-c">
              <i class="iconfont icon-kuaijiezhifu" style="margin-right: 6px; font-size: 24px; "></i>
              <span class="custom-title">快捷支付</span>
            </div>
          </template>
        </van-cell>
        <van-cell  is-link   v-if="payment_status == '1'"   :border="false" @click="gotoLove">
          <template #title>
            <div class="flex-a-c">
              <i class="iconfont icon-tixian3" style="margin-right: 6px; font-size: 22px;"></i>
              <span class="custom-title">提现产品</span>
            </div>
            
          </template>
        </van-cell>
      </div>
    </div>
  </div>
</template>
<script>
import quick_index_controller from "./quick_index_controller";
export default quick_index_controller;
</script>

<style lang="scss" rel="stylesheet/scss" scoped>
.cart ::v-deep .van-cell__right-icon {
  font-size: 14px;
}
#quick_index {
  #content {
    .header {
      height: auto;
      background: linear-gradient( 180deg, var(--themeBaseColor) 0%, #F5F5F5 100%);
      background-size: 100% 100%;
      padding:14px 0 64px 17px;
      position: relative;

      .user {
        display: flex;
        text-align: center;
        align-items: center;

        .activities-name {
          text-align: left;
          flex: 2;
          margin-left: 0.625rem;
          line-height: 1.875rem;
          color: #fff;
          font-weight: bold;
          font-size: 1rem;

          .user-info {
            color: #fff;
          }

          .user-info .user-name {
            width: auto;
            font-size: 14px;

            .b-activities {
              color: #fff;
            }
          }
        }

        .user-head {
          height: 55px;
          width: 55px;
          // background: #fff;
          border-radius: 50%;
          // border: 0.125rem solid #fff;
          box-sizing: border-box;
          float: left;
          overflow: hidden;
        }

        .user-head img {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }
    }
    .cart {
      height: auto;
      // width: 100%;
      background: #fff;
      margin:-3.125rem 0.75rem 0 0.75rem;
      box-sizing: border-box;
      border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
      overflow: hidden;
    }
  }
}
</style>
